<template>
	<view class="layout">
		
	
			<view class="home-list-item" hover-class="home-list-hover">
				<view class="home-list-item-left">
					<view class="home-list-item-text">用户账号</view>
				</view>
				<view class="home-list-item-right">
					<view class="home-list-item-text">
						<input type="text" disabled v-model="phonenumber"/>
					</view>
				</view>
			</view>
		<view class="home-list-item" hover-class="home-list-hover">
			<view class="home-list-item-left">
				<view class="home-list-item-text">原始密码</view>
			</view>
			<view class="home-list-item-right">
				<view class="home-list-item-text">
					<input type="text" v-model="password"/>
				</view>
			</view>
		</view>
		<view class="home-list-item" hover-class="home-list-hover">
			<view class="home-list-item-left">
				<view class="home-list-item-text">新的密码</view>
			</view>
			<view class="home-list-item-right">
				<view class="home-list-item-text">
					<input type="text" v-model="password"/>
				</view>
			</view>
		</view>
		<button class="exit-button" @click="success">确认修改</button>
		</view>
</template>

<script setup>
import { ref } from 'vue'
	const phonenumber = ref('')
	phonenumber.value = uni.getStorageSync("user")
	const password = ref('')
	const success = ()=>{
		uni.showToast({
			title:"修改成功"
		})
	}
</script>

<style lang="scss" scoped>
	.layout{
		margin-top: 30rpx;
	}
	    .home-list-item {
	    	display: flex;
	    	justify-content: space-evenly;
	    	padding: 30rpx;
	    	// border-bottom: 1px solid #bfbfbf;
	    
	    	.home-list-item-left {
	    		display: flex;
	    		align-items: center;
	    
	    		.home-list-item-text {
	    			margin-left: 30rpx;
	    			font-size: 30rpx;
	    		}
	    
	    		.home-list-item-icon {
	    			font-size: 40rpx;
	    		}
	    	}
	    
	    	.home-list-item-right {
	    		display: flex;
	    		align-items: center;
	    		color: #B8B8B8;
					input{
						border:1rpx solid #B8B8B8;
					}
	    	}
			}
			.exit-button {
				margin-top: 50rpx;
				width: 80%;
				background-color:  rgba(40, 103, 255, 1);
				font-size: 30rpx;
				color: white;
				border: 0;
			}
</style>
